<template>
    <div style="">
        <Header :left="true" leftText="返回" title="加严管控关闭审批"> </Header>
        <NoticeBar color="#1989fa" background="#ecf9ff" style="margin-top: 5px; font-size: 15px; font-weight: bold"
            left-icon="description">加严管控关闭审批</NoticeBar>
        <van-form :style="autoHeight" @submit="onSubmit">
            <van-field class="formstyle" required :value="form.pOrderID" name="工厂" label="工厂" placeholder="选择工厂" />
            <van-field class="formstyle" required :value="form.pOrderID" name="生产线" label="生产线" placeholder="选择生产线" />
            <van-field class="formstyle" readonly :value="form.pOrderID" name="加严类型" label="加严类型" placeholder="" />

            <NoticeBar color="#1989fa" background="#ecf9ff" style="margin-top: 5px; font-size: 15px; font-weight: bold"
                left-icon="description">基本信息</NoticeBar>
            <van-field class="formstyle" readonly :value="form.pOrderID" name="加严开始时间" label="加严开始时间" placeholder="" />
            <van-field class="formstyle" required :value="form.pOrderID" name="生产订单" label="生产订单" placeholder="" />
            <van-field class="formstyle" :value="form.pOrderID" name="加严说明" label="加严说明" placeholder="" />


            <NoticeBar color="#1989fa" background="#ecf9ff" style="margin-top: 5px; font-size: 15px; font-weight: bold"
                left-icon="description">判定复核</NoticeBar>
            <van-field class="formstyle" readonly :value="form.pOrderID" name="复核人" label="复核人" placeholder="" />
            <van-field class="formstyle" required :value="form.pOrderID" name="复核时间" label="复核时间" placeholder="" />
            <van-field class="formstyle" :value="form.pOrderID" name="复核备注信息" label="复核备注信息" placeholder="" />


            <NoticeBar color="#1989fa" background="#ecf9ff" style="margin-top: 5px; font-size: 15px; font-weight: bold"
                left-icon="description">确认审核</NoticeBar>
            <van-field class="formstyle" readonly :value="form.pOrderID" name="审核人" label="审核人" placeholder="" />
            <van-field class="formstyle" required :value="form.pOrderID" name="审核时间" label="审核时间" placeholder="" />
            <van-field class="formstyle" :value="form.pOrderID" name="审核备注信息" label="审核备注信息" placeholder="" />


            <NoticeBar color="#1989fa" background="#ecf9ff" style="margin-top: 5px; font-size: 15px; font-weight: bold"
                left-icon="description">加严关闭</NoticeBar>
            <van-field class="formstyle" readonly :value="form.pOrderID" name="关闭人" label="关闭人" placeholder="" />
            <van-field class="formstyle" required :value="form.pOrderID" name="关闭时间" label="关闭时间" placeholder="" />
            <van-field class="formstyle" :value="form.pOrderID" name="关闭备注" label="关闭备注" placeholder="" />
        </van-form>
    </div>
</template>
  
<script>
import {
    Col,
    Row,
    Form,
    Cell,
    Icon,
    Field,
    NumberKeyboard,
    Image as VanImage,
    Picker,
    popup,
    SubmitBar,
    Button,
    Loading,
    Overlay,
    Dialog,
    Toast,
    NoticeBar,
    Tag,
    DatetimePicker,
    ImagePreview,
    CellGroup,
    Uploader,
    Cascader,
    Calendar,
    RadioGroup,
    Radio,
    Divider,
    Stepper,
    AddressList,
    Checkbox,
    CheckboxGroup,
} from "vant";

import "vue-easytable/libs/themes-base/index.css";
import { VTable } from "vue-easytable";
import { _httpClient } from "@/libs/apisie";
import { _httpClient as _httpClientApi } from "@/libs/api";
import { getToken, getBaseApiFrefix } from "@/libs/auth";
import Header from "@/components/header.vue";
import { storage } from "@/libs/utils";

Vue.use(Form);
Vue.use(Field);
Vue.use(Overlay);
Vue.use(Loading);
Vue.use(Picker);
Vue.use(popup);
Vue.use(SubmitBar);
Vue.use(VanImage);
Vue.use(DatetimePicker);
Vue.use(Cascader);
Vue.use(Calendar);
Vue.use(Cell);
Vue.use(RadioGroup);
Vue.use(Radio);
Vue.use(Divider);
Vue.use(Stepper);
Vue.use(Button);
Vue.use(AddressList);
Vue.use(Checkbox);
Vue.use(CheckboxGroup);
Vue.use(Col);
Vue.use(Row);

export default {
    name: "tightfill",
    components: {
        Form,
        Row,
        Col,
        Button,
        Header,
        Form,
        Cell,
        Icon,
        Field,
        NumberKeyboard,
        Dialog,
        Toast,
        NoticeBar,
        Row,
        Tag,
        popup,
        DatetimePicker,
        ImagePreview,
        CellGroup,
        Uploader,
        Col,
        Calendar,
        Cascader,
        Picker,
        RadioGroup,
        Radio,
        Divider,
        Stepper,
        VTable,
        AddressList,
        Checkbox,
        CheckboxGroup,
    },
    data() {
        return {
            form: []
        };
    },
    created: function () {
        this.user = JSON.parse(storage.get("user"));
        this.user.userId = this.user.userName;

    },
    mounted() {

    },

    methods: {
        async submitsure() {

        }

    },


};
</script>
  
<style>
body {
    background-color: white;
}
</style>
  